@CHARSET "UTF-8";

/*!
 * =====================================================
 * FIT START Mobile Credit Style - http://fit-start.co
 * @author: mylan93@163.com
 * =====================================================
 */

/* ! Style Check List
 * =====================================================
 * Utility
 * ====================
 * Mall
 * ====================
 * Record list
 * ====================
 * Coupon View
 * ====================
 * Coupon Status
 * =====================================================
 */
 
/**
 * ========================================
 * Utility
 * ========================================
 */
 
.color-red {
  color: #cc0000;
}

.color-green {
  color: #009900;
}

.icon-record-point {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../image/icon/icon-integral.png) no-repeat;
  background-size: contain;
}
 
.icon-record-money {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../image/icon/icon-money.png) no-repeat;
  background-size: contain;
}
 
 .icon-record-increase {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../image/icon/icon-increase.png) no-repeat;
  background-size: contain;
}
 
.icon-record-decrease {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../image/icon/icon-decrease.png) no-repeat;
  background-size: contain;
}
 
.icon-success {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../image/credit/icon-success.png) no-repeat;
  background-size: contant;
}
 
.icon-failure {
  width: 1.5rem;
  height: 1.5rem;
  background: url(../image/credit/icon-failure.png) no-repeat;
  background-size: contant;
}

.mall-record,
.coupon-item,
.record-header,
.record-group,
.coupon-card,
.coupon-content,
.coupon-footer,
.status-hint {
  font-family: 'Microsoft YaHei';
}
/**
 * ==============
 * Mall
 * ==============
 */
.mall-banner img {
  width: 100%;
}

.mall-record {
  color: #999;
  font-size: .65rem;
}

.for-record {
  padding:0 .75rem;
}

.for-record a {
  width: 50%;
  color: #999;
  line-height: 1.5rem;
  font-size: .65rem;
  text-align: center;
}

.coupon-item {
  position: relative;
}

.coupon-item .card {
  border: 1px solid #ddd;
  box-shadow: none;
}
.coupon-item .card-content-inner{
  padding: .5rem;
}

.coupon-item p {
  margin-top: 0;
  color: #000;
  font-size: .7rem;
}

.coupon-item  .coupon-data,
.record-list-item .coupon-data {
  color: #999;
  font-size: .6rem;
}

.coupon-item .coupon-info {
  height: 2rem;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.coupon-item .coupon-point {
  margin-bottom: .25rem;
  color: #999;
}

.coupon-item .coupon-point span {
  font-weight: bold;
}

.status-change {
  filter:alpha(opacity=50);  
  opacity: 0.5;  
}

/**
 * ==============
 * Record list
 * ==============
 */
.record-header {
  padding:.75rem;
  background-color: #ffcc00;
}
 
.record-header .col-50:first-child  {
  border-right: 2px solid #fff;
}
 
.record-header span {
  display: block;
  text-align: center;
  color: #333;
  font-size: .75rem;
}

.record-header .integral {
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}
 
.record-group .record-list-title {
  padding-top: .6rem;
  padding-bottom: .35rem;
  color: #999;
  font-size: .75rem;
  background-color: #efeff4;
}
 
.record-list-item {
  border-bottom: 1px solid #e5e5e5;
}

.record-list-item p,
.record-list-item span{
  font-size: .7rem;
}
 
.record-list-item .item-after {
  font-size: .8rem;
}

.list-block .record-list-item .item-inner:after {
  height: 0;
}

/**
 * =======================
 * Coupon View
 * =======================
 **/
.coupon-card {
  color: #666;
  font-size: .7rem;
}

.coupon-card h1 {
  color: #000;
  margin-bottom: 0;
  font-size: 1rem !important;
  font-weight: bold;
  white-space: normal;
}

.coupon-card li {
  padding-top: .6rem;
  padding-bottom: 1rem;
}

.coupon-card .item-title-row {
  width: 100%;
}

.grade-point {
  font-size: .7rem;
  color: #000;
  text-align: right;
}

.grade-point span {
  font-size: 1rem;
  font-weight: bold;
  color: #f66665;
}

.coupon-content {
  margin-top: .75rem;
  padding: .75rem;
  min-height: 16.3rem;
  background-color: #fff;
}

.coupon-content h4 {
  margin-top: 0;
}

.coupon-content p {
  font-size: .65rem;
}

.coupon-footer {
  background-color: #f29631;
}

.coupon-footer button {
  display:block;
  padding: 0px;
  width: 100%;
  height: 100%;
  line-height: 2.2rem;
  color: #fff;
  font-size: 1rem;
  font-family: 'Microsoft YaHei';
  font-weight: bolder;
  border: none;
  background: transparent;
}

.fs-m-status {
  position: absolute;
  top: 35%;
  left: 10%;
  transform:rotate(-40deg);
  -webkit-transform:rotate(-40deg); 
  width: 80%;
  height: 1.5rem;
  text-align: center;
  color: #818181;
  font-size: .9rem;
  font-weight: bolder;
  font-family: 'Microsoft YaHei';
  border: 3px solid #818181;
}

/**
 * =======================
 * Coupon Status
 * =======================
 **/
.coupon-status {
  background:url(../image/credit/status-bg.png) no-repeat center bottom;
  background-size: contain;
  background-color: #f19831;
}

.coupon-status  img {
  display: block;
  margin: 0 auto;
  padding: 2rem 0 3rem;
}

.status-hint {
  margin-top: 2rem;
  font-size: .75rem;
  font-weight: bold;
}

.status-hint .icon {
  vertical-align: text-bottom;
}

.back-btn {
  margin: 2rem auto 0; 
  width: 50%; 
  color: #333; 
  font-size: .6rem; 
  border-color: #ffde00;
  background-color: #ffde00; 
}


.back-btn:active {
  color: #333;
  border-color: #ffde00;
}
